<!DOCTYPE html>
<head>
	<title>Material Design in XAML Toolkit Palette Builder</title>
	<link rel="stylesheet" href="styles/style.css" />
	<link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
	<script src="scripts/Swatches.js"></script>	
	<script src="scripts/react.js"></script>	
	<body>
		<div id="header">
			<h1>Material Design in XAML Toolkit Palette Builder</h1>
			<p>This isn't a web demo/style resource for Material Design, but is a tool for building a Material Design palette and ResourceDictionary for XAML applications using the <a href="https://github.com/MaterialDesignInXAML/MaterialDesignInXamlToolkit">Material Design in XAML Toolkit</a>.</p>
		</div>
		<div id="huesContainer">
			<div>
				<h2>Hue Selector</h2>
				<div id="hues"></div>
			</div>
		</div>		
		<div id="swatchesScroller">			
			<h2>Swatches Selector</h2>
			<div id="swatches"></div>
		</div>

	</body>
	<script src="scripts/PaletteBuilder.js"></script>
</head>
